// import "@babel/polyfill";
// import _ from "lodash"; // 同步引入
// import $ from 'jquery';
import {asyncLodash, asyncJQ} from "./tools.js";
import Swiper from "swiper";
// const Swiper = require("./swiper.js").Swiper;
// import { Swiper } from './swiper.js';
let div = document.createElement('div');
div.innerText = 'click me!!';
document.querySelector('#root').appendChild(div);

console.log(Swiper)

function getSwiper() {
	return import('./swiper.js').then(({default: swiper}) => {
		return swiper;
	})
}

div.onclick = function() {
	asyncLodash().then(_ => {
		console.log(_.join(['a', 'b'], '**c**'));
	});
	asyncJQ().then($ => {
		console.log($.extend(true, [], [{a: 'fywang'}]))
	});

	// getSwiper().then(s => {
	// 	console.log(s)
	// })
}

// function getLodash() {
// 	return import(/*webpackChunkName: 'lodash'*/ 'lodash').then(({default: _}) => {
// 		return _;
// 	})
// }
// div.onclick = function() {
// 	getLodash().then(_ => {
// 		console.log(_.join(['a', 'b'], '**c**'));
// 	})
// }


// 代码分割与webpack无关，webpack只是绑定了代码分割的插件，不使用webpack同样可以进行代码分割
// split-chunk 在传统的开发中使用代码分割一般是把通用的库挂在window下 在其他地方进行使用
// 在webpack中使用split-chunk秩序在配置文件中添加optimazation的配置